/**
* Created by meizhao on 2020-03-29.
*/

<template>
    <div>
      <van-nav-bar
        title="鱼缸列表"
        left-text=""
        left-arrow
        @click-left="onClickLeft"
      />
      <div>
        <van-search
          value="sdsd"
          shape="round"
          background="#ebebeb"
          placeholder="搜索鱼只或鱼缸"
        />
      </div>
      <div style="padding: 10px;">
      <div class="fishlist_list">
        <div class="fishlist_img">
          <img src="../../../assets/logo2.png">
        </div>
        <div class="fishlist_content">
        <p class="fishlist_title">1号缸</p>
        <p class="fishlist_briefness"><span>鱼缸简单介绍</span> | 鱼缸介绍</p>
        <p class="fishlist_synopsis">所多所多所多十大是多少多</p>
        </div>
        <div class="fishlist_right">
          <img src="../../../assets/right.png">
        </div>
      </div>

        <div class="fishlist_list">
          <div class="fishlist_img">
            <img src="../../../assets/logo2.png">
          </div>
          <div class="fishlist_content">
            <p class="fishlist_title">1号缸</p>
            <p class="fishlist_briefness"><span>鱼缸简单介绍</span> | 鱼缸介绍</p>
            <p class="fishlist_synopsis">所多所多所多十大是多少多</p>
          </div>
          <div class="fishlist_right">
            <img src="../../../assets/right.png">
          </div>
        </div>


      </div>
    </div>
</template>

<script type="text/ecmascript-6">
  export default {
    data() {
      return {
        value: ''
      }
    },
    methods:{
      onClickLeft(){
        this.$router.push({path:'../Message'})
      },
    },
    mounted(){
    },
  };
</script>


<style>
  body {
    width: 100%;
    height: 100%;
    position: relative;
    background: #ebebeb
  }
</style>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  .fishlist_list
    display flex
    background #ffffff
    padding 15px
    border-radius: 10px;
    margin-bottom 20px
    .fishlist_img
      margin-right 20px
      img
        width: 150px
        height:150px
    .fishlist_content
      font-size 28px
      flex:8
      .fishlist_title
        font-size 34px
        font-weight 600
      p
        line-height 55px
      .fishlist_synopsis
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        width 330px
    .fishlist_right
      img
        width: 13px
        height:24px
        margin-bottom: -14px;
</style>
